var x
x = $(document);
x.ready(inicializarEventos);

var li
li = $('li');
li.ready(inicializarListas);

function inicializarListas(){
	var li = $(li);
	li.click(function(e){
		alert('Error al Inicializar ');
	});
}

function inicializarEventos()
{
	//alert('Bienvenido a Tocadisco');
	var input = $('input');
	input.keypress(function(e){
		if(e.which==13){
			busquedaCanciones();
		}
		
	});
	var form = $('#search');
	form.submit(function (e){
		/*if(e.which==13){
			alert('chau');
			//busquedaCanciones();
		}*/
		return false
	});
	var nowplaying = $('#now-playing');
	nowplaying.click(function(e){
		if(window.event){
			window.event.returnValue = false;
			var id = window.event.srcElement.parentNode.getAttribute('class');
			cambiarControl(id);
		}
		else{
			if(e){
				e.preventDefault();
				var id = e.target.parentNode.getAttribute('class');
				cambiarControl(id);
			}
		}
	});
}

function cambiarControl(id){
	var controls = document.getElementById("controls");
	var player = document.getElementsByTagName('audio');
	player = player[0];
	if(id == 'playing'){
		player.pause();
		pause = true;
		controls.setAttribute('class','paused');
	}
	else{
		player.play();
		pause = false;
		controls.setAttribute('class','playing');
	}	
}

function busquedaCanciones(){
	var value = $('input').attr('value');
    $.getJSON('./php/consultarCanciones.php',{q:value},procesarDatos);
	/*$.ajax({
		type: "GET",
		url: './php/consultarCanciones.php',
		data: 'q='+q,
		success: function procesarDatos(datos){
			var result = $('#result');
			result.append(datos);
		}
	});*/
}

function procesarDatos(datos){
	var ul = $('ul');
	ul.html('');
	for(f=0;f<datos.length;f++){
		var id = '<li data-song-id="'+datos[f].id+'" class="song-row">';
		var img = '<img src="'+datos[f].img+'" width="50" height="50" >';
		var nombre = '<h2 class="title">'+datos[f].nombre+'</h2>';
		var artista = '<h3 class="byline">'+datos[f].artista+'</h3>';
		var next = '<img class="next" src="'+datos[f].img+'">';
		ul.append(id+img+nombre+artista+next);
	}
	ul.append('</li>');
	var li = $('li');
	li.click(function(e){
		var id = $(this).attr('data-song-id');
		var nombre = jQuery(this).children('h2');
		nombre = nombre.html();
		var artista = jQuery(this).children('h3');
		artista = artista.html();
		cargarCancion(id,nombre,artista);
	});
	/* Aca seteo el boton de la fila encontrada*/
	var next = $('#next');
	next.click(function(e){
		/*busco el elemento actual reproduciondose*/
		rel = obtenerRelativo();
		var li = this.parentNode;
		var id = $(this).attr('data-song-id');
		var nombre = jQuery(this).children('h2');
		nombre = nombre.html();
		var artista = jQuery(this).children('h3');
		artista = artista.html();
		var queue_list = !('#queue_list');
		var  li = '<li class="queue-item" style="left:0px; z-index: 9000" rel="0" data-queuesongid="1">'
		
		
		
	});
}

function obtenerRelativo(){
	var rel = $('#queue_list');
	lastChild = rel.child
}

function actualizarTiempo(audio){
	var played = document.getElementById("played");
	played.innerHTML = toHMS(audio.currentTime);
}

var toHMS = function(it){
    if(isNaN(it)){
        return "00:00:00";
    }
    var hours = parseInt(it / 3600);
    var minutes = parseInt((it % 3600) / 60);
    var seconds = parseInt((it % 3600) % 60);
    return ((hours<10?"0"+hours:hours) + ":" + (minutes<10?"0"+minutes:minutes) + ":" + (seconds<10?"0"+seconds:seconds));
}

function cargarCancion(id,nombre,artista){
	if(id == ''){
		return ;
	}
	var player = $('#player');
	var total = "'total'"
	player.html ( '<audio id="audio" preload controls="controls" ontimeupdate="actualizarTiempo(this); document.getElementById('+total+').innerHTML=toHMS(this.duration);" autoplay> <source src="./php/music.php?streamkey='+id+'" type="audio/mp3"> </audio>');
	var playingtitle = '<span class="playing-title">'+nombre+'</span>';
	var playingartist = '<span class="playing-artist"> by '+artista+'</span>';
	var nowplaying = $('#now-playing');
	nowplaying.html ( playingtitle + playingartist);
	var controls = $('#controls');
	controls.setAttribute('class','playing');
	
}